<template>
  <div class="topicdetail">
    <div class="content">
      <div v-if="goods_desc" v-html="goods_desc" class="detail"></div>
    </div>
    <div class="list">
      <p class="title">专题推荐</p>
      <div v-for="(item, index) in recommendList" :key="index" class="item">
        <img class="img" :src="item.scene_pic_url" alt="" />
        <p>{{ item.title }}</p>
      </div>
    </div>
  </div>
</template>

<script>
import data from './data.json'
export default {
  created() {},
  mounted() {
    this.id = this.$route.query.id
    this.getListData()
  },
  data() {
    return {
      data,
      recommendList: [],
      id: '',
      goods_desc: '',
    }
  },
  components: {},
  methods: {
    async getListData() {
      const data = this.data
      // await this.commonApi({
      //   url: '/topic/detailaction',
      //   method: 'get',
      //   params: {
      //     id: this.id,
      //   },
      // })
      this.goods_desc = data.data.content
      this.recommendList = data.recommendList
    },
  },
  computed: {},
}
</script>
<style lang="scss" scoped>
@import './style';
</style>
